{extend name="layout/layout"}
{block name="content"}

<main class="details">
    <section style="padding: 0.3rem;">
        <div class="layui-main">
            <span class="layui-breadcrumb mb30" lay-separator=">">
               <a href="/">主页 </a>
               <a href="#">新手教学</a>
            </span>
            <div class="d-flex mt30">
                <div class="flex-1 details_b1">
<!--                    文章-->
                    <div class="d_content w100">
                        <p style="margin-top:20px;">{$vo.content|raw}</p>
                    </div>
      
                    
                    <div style="width: 75%;margin: 0 auto;">
            
                        <a href="/activity/create/agreement" class="layui-btn layui-bg-orange layui-btn-fluid" >去创建</a>
                      </div>
                  
                        
                </div>
                <div class="details_b2 layui-hide-xs ml50">
                    {notempty name="hot"}
                    <div class="item">
                        <p class="t1">热门文章</p>
                        <ul class="layui-row ul_height d_ul1">
                            {foreach $hot as $hotItem}
                            <li class="layui-col-md12 layui-col-xs12">
                                <a href="/detail/{$hotItem.id}.html" class="item">
                                    <div class="img_box">
                                        <img src="{$hotItem.logo}">
                                    </div>
                                    <div class="line-clamp3 ft15 line17">{$hotItem.title|default='-'}</div>
                                </a>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                    {/notempty}

                    {notempty name="newest"}
                    <div class="item">
                        <p class="t1">最新文章</p>
                        <ul class="layui-row ul_height d_ul1">
                            {foreach $newest as $newestItem}
                            <li class="layui-col-md12 layui-col-xs12">
                                <a href="/detail/{$newestItem.id}.html" class="item">
                                    <div class="img_box">
                                        <img src="{$newestItem.logo}">
                                    </div>
                                    <div class="line-clamp3 ft15 line17">{$newestItem.title|default='-'}</div>
                                </a>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                    {/notempty}
                </div>
            </div>
        </div>
    </section>

</main>
{/block}
